.pxToRem(@p, @px){
    @{p}: @px / 75px * 1rem;
}
.header{
    width:100%;
    .pxToRem(height, 90);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    left:0;
    top:0;
    background: #ffffff;
    border-bottom: 1px solid #dddddd;
    .left{
        img{
            .pxToRem(width, 20);
            .pxToRem(height, 37);
            .pxToRem(margin-left, 32);
        }
    }
    .center{
        .pxToRem(font-size, 35);
    }
}
.main{
    width: 100%;
    .pxToRem(height, 260);
    .pxToRem(margin-top, 90);
    p{
        text-align: center;
    }
    .p1{
        color: orange;
        .pxToRem(font-size, 48);
        .pxToRem(padding-top, 84);
    }
    .p2{
        .pxToRem(font-size, 26);
        color:#666;
    }
}
.btns{
    .pxToRem(width, 690);
    .pxToRem(height,78);
    .pxToRem(margin-left, 30);
    border:1px solid orange !important;
    .left{
        .pxToRem(width, 342);
        .pxToRem(height, 76);
        .pxToRem(line-height, 78);
        .pxToRem(font-size, 32);
        background: orange;
        float: left;
        text-align: center;
        color: #ffffff;
    }
    .right{
        .pxToRem(width, 342);
        .pxToRem(height, 76);
        .pxToRem(line-height, 78);
        .pxToRem(font-size, 32);
        float: right;
        text-align: center;
        color: #dddddd;
    }
}
.hua{
    img{
        .pxToRem(width, 50);
        .pxToRem(height, 65);
        .pxToRem(margin-top, 150);
        .pxToRem(margin-left, 347);
    }
    p{
        text-align: center;
        color: #8c8c8c;
        .pxToRem(font-size, 28);
        .pxToRem(margin-top, 30);
    }
}